<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="__HOME__/css/bootstrap.css">
    <link rel="stylesheet" href="__HOME__/css/common.css">
    <script src="__HOME__/js/jquery-3.2.1.min.js"></script>
    <script src="__HOME__/js/bootstrap.js"></script>
    <title>菲博特123</title>
</head>
<body>
{include file="layout/head" /}
<div class="contain">

    <div id="myCarousel" class="carousel slide" style="overflow: hidden">
        <!-- 轮播（Carousel）指标 -->
        <ol class="carousel-indicators">
            {foreach name="slider" item="list" key="k"}
                {if condition="$k eq 0"}
                    <li data-target="#myCarousel" data-slide-to={$k} class="active"></li>
                {else}
                    <li data-target="#myCarousel" data-slide-to={$k}></li>
                {/if}
            {/foreach}

        </ol>
        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner">
            {foreach name="slider" item="list" key="k"}
                {if condition="$k eq 0"}
                    <div  class="item active">
                        <img style="width: 100%;height: 380px" src= {$list.pic} alt="">
                        <div class="carousel-caption">{$list.title}</div>
                    </div>
                {else}
                    <div  class="item">
                        <img style="width: 100%;height: 380px" src= {$list.pic} alt="">
                        <div class="carousel-caption">{$list.title}</div>
                    </div>
                {/if}
            {/foreach}
        </div>
        <!-- 轮播（Carousel）导航 -->
        <a class="carousel-control left" href="#myCarousel"
           data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control right" href="#myCarousel"
           data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <div class="main-con contain">
        <div class="card">
           <div class="container">
               <div class="card-header">
                   <h3>焦点关注</h3>
               </div>
               <div class="card-body">
                   <ul class="focus-con">

                       {foreach name="focusList" item="item" key="k"}
                       <li {if condition="$k eq 0"} class="active" {/if}>
                           <div class="focus-box">
                               <div class="col-sm-6 img-con">
                                   <img src={$item.pic} alt="">
                               </div>
                               <div class="col-sm-6 content-con">
                                   <div class="jiaodian_content">
                                       <div class="jd_title clearfix">
                                           <div class="jd_title_l">
                                               <span class="jd_xinwen">新闻动态</span>
                                               <span>|</span>
                                               <span class="jd_yuefen">{$item.date}</span>
                                           </div>
                                       </div>
                                       <div class="tu_wen">
                                           <div class="jd_content">
                                               <div class="jd_content1">
                                                   <span>{$item.title}      </span>
                                               </div>
                                               <div class="jd_content2">
                                                <span>{$item.content}</span>
                                               </div>
                                               <div class="jd_content3">
                                                   <span><a href="#">阅读全文&nbsp;&gt;&gt;</a></span>
                                               </div>
                                           </div>
                                       </div>
                                   </div>
                               </div>
                           </div>
                       </li>
                       {/foreach}
                   </ul>
                   <ul class="list-focus">
                       {foreach name="focusList" item="item" key="k"}
                            <li {if condition="$k eq 0"} class="active" {/if}></li>
                       {/foreach}
                   </ul>
               </div>
           </div>
        </div>
        <div class="card">
          <div class="container">
              <div class="card-header">
                  <h3>媒体中心</h3>
              </div>
              <div class="card-body">
                  <ul class="media-center">
                      {volist name='newList' id="vo"}
                        <li class="col-sm-3">
                          <div class="media-head">
                              {$vo.title} | {$vo.date}
                          </div>
                          <div class="media-title">
                              {$vo.desc}
                          </div>
                          <div class="media-content">
                              {$vo.content}
                          </div>
                          <div class="media-foot">
                              <span><a href="#">阅读全文&nbsp;&gt;&gt;</a></span>
                          </div>
                      </li>
                      {/volist}

                  </ul>
              </div>
          </div>
        </div>
        <!--<div class="card">-->
            <!--<div class="container">-->
                <!--<div class="card-header">-->
                    <!--<h3>旗下产业</h3>-->
                <!--</div>-->
                <!--<div class="card-body">-->
                    <!--<div style="display: flex">-->
                        <!--<a class="col-sm-4" style="background: royalblue;display: block">菲博特电子商务有限公司</a>-->
                        <!--<a class="col-sm-4" style="background: red;display: block">菲博特工厂</a>-->
                        <!--<a class="col-sm-4" style="background: #2e6da4;display: block">33333333</a>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    </div>

</div>
{include file="layout/footer" /}
<script src="__HOME__/js/common.js"></script>
<script>
    $('#myCarousel').carousel();
    $('.list-focus li').mouseover(function () {
        $('.list-focus li').removeClass('active');
        $(this).addClass('active');
        var index=$(this).index();
        $('.focus-con li').removeClass('active');
        $('.focus-con').find('li').eq(index).addClass('active');
    })
</script>
</body>
</html>